<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>IL2 stats / Awards system</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        /* -----------------------
        Base styles
        ------------------------*/

        body {
            margin: 0;
            padding: 0;
            color: #333;
            background-color: #eee;
            font: 1em/1.2 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
        }

        h1, h2, h3, h4, h5, h6 {
            margin: 0 0 .5em;
            font-weight: 500;
            line-height: 1.1;
        }

        h1 {
            font-size: 2.25em;
        }

        /* 36px */
        h2 {
            font-size: 1.75em;
        }

        /* 28px */
        h3 {
            font-size: 1.375em;
        }

        /* 22px */
        h4 {
            font-size: 1.125em;
        }

        /* 18px */
        h5 {
            font-size: 1em;
        }

        /* 16px */
        h6 {
            font-size: .875em;
        }

        /* 14px */

        p {
            margin: 0 0 1.5em;
            line-height: 1.5;
        }

        blockquote {
            padding: 1em 2em;
            margin: 0 0 2em;
            border-left: 5px solid #eee;
        }

        hr {
            height: 0;
            margin-top: 1em;
            margin-bottom: 2em;
            border: 0;
            border-top: 1px solid #ddd;
        }

        table {
            background-color: transparent;
            border-spacing: 0;
            border-collapse: collapse;
            border-top: 1px solid #ddd;
        }

        th, td {
            padding: .5em 1em;
            vertical-align: top;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        a:link {
            color: royalblue;
        }

        a:visited {
            color: purple;
        }

        a:focus {
            color: black;
        }

        a:hover {
            color: green;
        }

        a:active {
            color: red;
        }

        /* -----------------------
        Layout styles
        ------------------------*/

        .container {
            max-width: 50em;
            margin: 0 auto;
            background-color: #fff;
        }

        .header {
            color: #fff;
            background: #D73025;
            padding: 1em 1.25em;
        }

        .header-heading {
            margin: 0;
        }

        .content {
            padding: 1em 1.25em;
        }

        .footer {
            color: #fff;
            background: #282828;
            padding: 1em 1.25em;
        }

        /* -----------------------
        Single styles
        ------------------------*/

        .img-responsive {
            max-width: 100%;
        }

        .btn {
            color: #fff !important;
            background-color: royalblue;
            border-color: #222;
            display: inline-block;
            padding: .5em 1em;
            margin-bottom: 0;
            font-weight: 400;
            line-height: 1.2;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: .2em;
            text-decoration: none;
        }

        .btn:hover {
            color: #fff !important;
            background-color: green;
        }

        .btn:focus {
            color: #fff !important;
            background-color: black;
        }

        .btn:active {
            color: #fff !important;
            background-color: red;
        }

        .table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 20px;
        }

        .list-unstyled {
            padding-left: 0;
            list-style: none;
        }

        .list-inline {
            padding-left: 0;
            margin-left: -5px;
            list-style: none;
        }

        .list-inline > li {
            display: inline-block;
            padding-right: 5px;
            padding-left: 5px;
        }

        /* -----------------------
        Wide styles
        ------------------------*/

        @media (min-width: 42em) {
            .header {
                padding: 1.5em 3em;
            }

            .content {
                padding: 2em 3em;
            }

            .footer {
                padding: 2em 3em;
            }
        }
    </style>
</head>
<body>
<div class="container">
    <div class="header">
        <h1 class="header-heading">IL2 stats / Awards system</h1>
    </div>
    <div class="content">
        <div class="main">
            <!--
            <h1>Page title</h1>
            <hr>


            <h1>Heading level 1</h1>
            <h2>Heading level 2</h2>
            <h3>Heading level 3</h3>
            <h4>Heading level 4</h4>
            <h5>Heading level 5</h5>
            <h6>Heading level 6</h6>
            <hr>
            -->

            <h3>Types of awards</h3>
            <p>The system has three types of awards:</p>
            <ol>
                <li>rewards for achieving some results during one tour</li>
                <li>rewards for achieving some results during one mission</li>
                <li>rewards for achieving some results during one sortie</li>
            </ol>
            <hr>

            <h3>Adding and editing awards</h3>
            <p>The award is added and changed in three steps.</p>

            <h4>Step 1 - the conditions for award</h4>
            <p>Each award requires the function that specifies the conditions of receiving the award.
               These functions must be in src/custom/rewards.py file. Examples of functions are in the file.</p>

            <h4>Step 2 - Information about the award in the database statistics</h4>
            <p>If in the database does not entry about specific award, award function will not be used.
                To add or change the awards need to go to the admin panel statistics. Now there is a new section - "awards".
                <br><br>
                Editing form contains more fields:
                <ul>
                    <li>Function name - is the name of your function in rewards.py file. If a function with the specified name is not be found - the statistics script will stop working.</li>
                    <li>Title - The name of the award in several languages.</li>
                    <li>Type - is the type of award. What are the types exists described above.</li>
                    <li>Description - description of awards, or conditions.</li>
                    <li>Image - the image itself award. The size should be 180x180 pixels.</li>
                </ul>
                <img class="img-responsive" alt="" title="" src="">
            </p>

            <hr>

            <h4>Step 3 - Restart statistics</h4>
            <p>Once it was created or altered function of award, as well changes to the database - you need to restart the script of statistics.</p>


        </div>
    </div>
    <div class="footer"></div>
</div>
</body>
</html>
<!-- http://maxdesign.com.au/css-layouts/ -->

